.box {
    .navbox {
        width: 100%;
        background: #15a5c9;
        color: #fff;
    }
}

.citylist {
    height: calc(100vh - 222px);
}

.historybox {
    padding: 10px;

    .history {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .title {
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 10px;
        }
    }

    .tags {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;

        .tag {
            background: #efefef;
            text-align: center;
            padding: 10px 0;
            color: #000;
            border: none;
        }
    }
}